html {
    background-color: #fff;
}

.main {
    background-color: #fff;
}
.about {
    text-align: center;
    background-color: #fff;
    font-size: 26px;
    color: #292929;
}
[data-dpr="1"] .about {
    font-size: 13px;
}
[data-dpr="2"] .about {
    font-size: 26px;
}
[data-dpr="3"] .about {
    font-size: 39px;
}
.about .hst {
    display: inline-block;
    width: 6.266667rem;
    height: 5rem;
    background-image: url('/img/about/hst@2x.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 1.306667rem;
}
.product {
    display: inline-block;
    margin-bottom: 0.8rem;
}
.product div{
    display: inline-block;
    width: 4.4rem;
    height: 1.386667rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.ss {
    background-image: url('/img/about/ss@2x.png');
}
.sl {
    background-image: url('/img/about/sl@2x.png');
}
.my {
    background-image: url('/img/about/my@2x.png');
}
.xc {
    background-image: url('/img/about/xc@2x.png');
}
/*plus和安卓高分屏3x适配*/
@media only screen and (-webkit-min-device-pixel-ratio: 2.5),
only screen and (min--moz-device-pixel-ratio: 2.5),
only screen and (-o-min-device-pixel-ratio: 5/2),
only screen and (min-device-pixel-ratio: 2.5),
only screen and (min-resolution: 240dpi),
only screen and (min-resolution: 2.5dppx) {
    .about .hst {
        background-image: url('/img/about/hst@3x.png');
    }
    .ss {
        background-image: url('/img/about/ss@3x.png');
    }
    .sl {
        background-image: url('/img/about/sl@3x.png');
    }
    .my {
        background-image: url('/img/about/my@3x.png');
    }
    .xc {
        background-image: url('/img/about/xc@3x.png');
    }
}
.about .contact {
    padding-top: 0.4rem;
    padding-bottom: 0.7rem;
}
.about .contact a {
    display: block;
}
.about .contact div {
    display: inline-block;
}
.about .contact i {
    display: inline-block;
    width: 0.46rem;
    height: 0.64rem;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.contact .phone i {
    background-image: url('/img/about/phone@2x.png');
}
.contact .wechat i {
    background-image: url('/img/about/wechat@2x.png');
}
.contact .qq i {
    background-image: url('/img/about/qq@2x.png');
}
.contact .weibo i {
    background-image: url('/img/about/weibo@2x.png');
}
.contact .website i {
    background-image: url('/img/about/ie@2x.png');
}
/*plus和安卓高分屏3x适配*/
@media only screen and (-webkit-min-device-pixel-ratio: 2.5),
only screen and (min--moz-device-pixel-ratio: 2.5),
only screen and (-o-min-device-pixel-ratio: 5/2),
only screen and (min-device-pixel-ratio: 2.5),
only screen and (min-resolution: 240dpi),
only screen and (min-resolution: 2.5dppx) {
    .contact .phone i {
    background-image: url('/img/about/phone@3x.png');
    }
    .contact .wechat i {
        background-image: url('/img/about/wechat@3x.png');
    }
    .contact .qq i {
        background-image: url('/img/about/qq@3x.png');
    }
    .contact .weibo i {
        background-image: url('/img/about/weibo@3x.png');
    }
    .contact .website i {
        background-image: url('/img/about/ie@3x.png');
    }
}
.about .contact em {
    line-height: 0.64rem;
    color: #292929;
    padding-left: 0.053333rem;
}
.about .contact .phone em {
    color: #a92137;
}
.about .info {
    position: absolute;
    color: #646464;
    width: 100%;
    bottom: 0.666667rem;
    p:first-child {
        font-size: 20px;
    }
}
[data-dpr="1"] .about .info p:first-child {
    font-size: 10px;
}
[data-dpr="2"] .about .info p:first-child {
    font-size: 20px;
}
[data-dpr="3"] .about .info p:first-child {
    font-size: 30px;
}